#navigation {
    background: transparent url('../Login Image/top_nav_empty.png') repeat-x top left;
}


#connecting {
    background: #f7f4f0 url(../../images/skin-bureauveritas/bureauveritas-sml.png) no-repeat right bottom;
}

#login {
    background: #f7f4f0 url(../../images/skin-bureauveritas/bureauveritas-sml.png) no-repeat right bottom;
}

h1.login, h2.login {
    color: #aa1133;
    text-align: center;
}

h1 {
    font: 20px Arial, Helvetica, sans-serif !important;
    color: #aa1133;
}

    h1.login:before {
        content: "LUBE";
    }

/* bootstrap-custom */

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #303331 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #43423c !important;
}

a.dropdown-toggle:visited, a.dropdown-toggle:hover, a.dropdown-toggle:focus {
    background-color: #43423c !important;
}

.btn-login, .btn-login:hover {
    background-color: #aa1133;
    border: 1px solid #aa1133;
    color: #fff;
}

.btn-primary, .btn-primary:hover {
    background: #aa1133;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bb0022), color-stop(100%, #aa1133));
    background-image: -webkit-linear-gradient(#bb0022 0%, #aa1133 100%);
    background-image: -moz-linear-gradient(#bb0022 0%, #aa1133 100%);
    background-image: -o-linear-gradient(#bb0022 0%, #aa1133 100%);
    background-image: linear-gradient(#bb0022 0%, #aa1133 100%);
    -webkit-box-shadow: rgba(255, 255, 255, 0.8);
    -moz-box-shadow: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(255, 255, 255, 0.8);
    color: #fff;
    border: 1px solid #aa1133;
}

.modal-title {
    color: #aa1133 !important;
}

.dropdown-menu > li > a:hover {
    background-color: #c6bfb7 !important;
    color: #b0002d !important;
}

.btn-primary.disabled, .btn-primary[disabled],
fieldset[disabled] .btn-primary, .btn-primary.disabled:hover,
.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active,
.btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border: 1px solid #aa1133;
    background-color: #aa1133;
    color: #fff;
    background-image: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    -webkit-box-shadow: inset 0 2px 0px #b0002d;
    box-shadow: inset 0 2px 0px #b0002d;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-color: #f8f8f8 !important;
    color: #b0002d !important;
}

.panel-heading-custom {
    background: #333 !important;
}

.panel-title-custom {
    font-family: inherit !important;
}

.panel-default > .panel-heading-custom {
    background-color: transparent;
}

.panel-body-custom {
    background-image: none !important;
    background: #EAE9E5 !important;
    color: #fff;
    padding-top: 0px;
}

.quick-links-arrow {
    background: transparent url(../../images/skin-bureauveritas/analysts-arrow.png) no-repeat top left !important;
}

#footer-links ul li {
    color: #43423c !important;
}

#footer-links a, #footer-links a:hover {
    color: #43423c !important;
}

.questionmark {
    background: transparent url(../../images/skin-bureauveritas/question-mark.png) no-repeat top right;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    -webkit-box-shadow: inset 0 2px 0px #b0002d !important;
    box-shadow: inset 0 2px 0px #b0002d !important;
    color: #b0002d !important;
}

.skin-footer-text:before {
    content: "@ LUBE LAB. All Rights Reserved.";
}

.dashboardSettingsDiv {
    color: #67655b;
}

.skin-color {
    color: #aa1133;
}

.main-logo {
    background: transparent url('../Login Image/logo-LubeLab.png') no-repeat top left;
    height: 70px;
}

/* bootstrap-custom */
div.btn-tabs a.active {
    -webkit-box-shadow: inset 0 2px 0px #b0002d;
    box-shadow: inset 0 2px 0px #b0002d;
    background-color: #fff;
    color: #b0002d;
}


/* end bootstrap-custom */

#cssmenu {
    background-color: #9c192e;
}

    #cssmenu > ul {
        background: transparent url(../../images/skin-bureauveritas/top_nav_empty.png) repeat-x top left;
    }

        #cssmenu > ul > li {
            background: url(../../images/skin-bureauveritas/separator.png) no-repeat top right;
        }

            #cssmenu > ul > li > a {
                color: #43423c !important;
                font-weight: bold !important;
            }

            #cssmenu > ul > li:hover > a {
                background-color: #d4cdc8;
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4cdc8), color-stop(100%, #b1a69e)) !important;
                background-image: -webkit-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: -moz-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: -o-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                color: #9c192e !important;
                text-shadow: none;
            }

            #cssmenu > ul > li > a:hover {
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4cdc8), color-stop(100%, #b1a69e)) !important;
                background-image: -webkit-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: -moz-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: -o-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                color: #9c192e !important;
                text-shadow: none;
            }

            #cssmenu > ul > li.active > a,
            #cssmenu > ul > li > a:active {
                color: #fff;
                background-color: #d4cdc8 !important;
            }

            #cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active {
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4cdc8), color-stop(100%, #b1a69e)) !important;
                background-image: -webkit-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: -moz-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: -o-linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                background-image: linear-gradient(#d4cdc8 0%, #b1a69e 100%) !important;
                color: #9c192e !important;
                text-shadow: none;
                font-weight: bold;
            }

        #cssmenu > ul ul {
            background-color: #c6bfb7 !important;
            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c6bfb7), color-stop(100%, #c6bfb7)) !important;
            background-image: -webkit-linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
            background-image: -moz-linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
            background-image: -o-linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
            background-image: linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
            color: #43423c !important;
            text-shadow: none;
        }

            #cssmenu > ul ul li a {
                color: #43423c !important;
            }

                #cssmenu > ul > li > a:visited:hover, #cssmenu > ul ul li a:hover {
                    background-color: #c6bfb7 !important;
                    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c6bfb7), color-stop(100%, #c6bfb7)) !important;
                    background-image: -webkit-linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
                    background-image: -moz-linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
                    background-image: -o-linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
                    background-image: linear-gradient(#c6bfb7 0%, #c6bfb7 100%) !important;
                    color: #9c192e !important;
                    text-shadow: none;
                }

                #cssmenu > ul ul li a:active {
                    background-color: #d4cdc8 !important;
                }

.skin-explore-image {
    background: transparent url(../../images/skin-bureauveritas/equip_sel_explore.png) no-repeat top center !important;
    height: 600px;
    width: 500px;
    margin-top: 10px;
}

.skin-find-image {
    background: transparent url(../../images/skin-bureauveritas/equip_sel_find.png) no-repeat top center !important;
    height: 600px;
    width: 500px;
    margin-top: 10px;
}

/* highcharts-custom */
div.highcharts-contextmenu div div:hover {
    background: #b0002d !important;
    color: #333 !important;
}

g.highcharts-button path, g.highcharts-button rect {
    stroke: rgb(237,118,72) !important;
}

/* settings style */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #b0002d;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    color: #b0002d !important;
    box-shadow: inset 0 2px 0px #b0002d !important;
}
/* end settings style */

button.helpTriggerBtn {
    color: #aa1133;
}